@charset "utf-8";

body{
	height: 100%;
	width: 1349px;
	text-align: center;
	background-color: white;
	
}
header{
	background-color: #333333;
}
.header-img{
	display: block;
	height:120px ;
	width: 1349px;
	background-image: url(../img/cms_14955919235024_zuSGc.jpg);
	background-size: cover;
	background-position-x: 50%;
}
section{
	width: 1226px;
	margin: 0 auto;
}
.header-section{
	
	height: 40px;
	/*line-height: 40px;*/
	width: 1226px;
	margin: 0 auto;
	/*padding: 0 8px;*/
	font-size: 13px;
	color:#B0B0B0;
}
.header-section a:hover{
	color: white;
}
.header-left{
	
	height: 40px;
	/*line-height: 13;*/
	cursor: pointer;
	float: left;
	
}
.header-left>li{
	display: inline-block;
	/*vertical-align: middle;*/
	margin-top: 13px;

	
}
.padding{
	padding-left:8px;
	padding-right:8px;
	border-right:1px solid #3d4040;
	/*border-left:1px solid #423d39;*/
}
.padding-right{
	
	padding-right:8px ;
	padding-left:0px ;
	border-right:1px solid #3d4040;
}
.padding-left{
	padding-left:8px ;
	/*border-left:1px solid #423d39;*/
}

.header-left li a{
	color:#B0B0B0; 
	text-decoration: none;
	/*width: 100px;*/
}

.header-right{
	float: right;
}
.header-right>li{
	display: inline-block;
	}
#shop-cart{
	    height: 40px;
	    line-height: 40px;
	    padding:0 3px ;
		background-color:#424242 ;
}


.header-right li a{
	color:#B0B0B0; 
	text-decoration: none;
	/*width: 100px;*/
}
.section-nav{
	height: 100px;
	/*line-height: 100px;*/
	/*padding: 10px 0;*/
	background-color: white;
}
.nav-menu{
	float: left;
	
	cursor: pointer;
}
.nav-menu>li{
	display: inline-block;
	margin-right:20px ;
	font-size: 16px;
}
.nav-icon{
	display: inline-block;
	height: 56px;widows: 56px;
}
.nav-gif{
	display: inline-block;
	height: 56px;
}
.nav-menu li a{
	text-decoration: none;
        color: #333333;
}
.nav-menu a:hover{
	color: #ff6600;
}
.nav-btn{
	float: right;
}
.nav-btn li{
	margin: 0;
	display: inline-block;
}
#input{
	display: inline-block;
	border: 1px solid lightgray;
	height: 50px;
	width: 295px;
	margin-right: -5px;
	padding-left: 50px;
	font-size:13px ;
	box-sizing: border-box;
}
#search{
	display: inline-block;
	color: #333333;
	vertical-align: middle;
	margin-top: -1px;
	line-height: 50px;
	height: 50px;
	width: 50px;
	border: 1px solid lightgray;
	box-sizing: border-box;
}
#search:hover{

	background-color: #ff6600;
}
#shop-cart:hover {
	background-color:white ;
}
#shop-cart a:hover{
	color: #ff6600;
	
}
#shop-box{
	display: none;
	position: absolute;
	top: 160px;
	right:calc(50% - 613px);
	height: 60px;
	width: 345px;
	text-align: center;
	line-height:60px ;
	font-size:13px ;
	background-color: white;
	/*border: 1px solid black;*/
}

.input-hoverin{
	border: 1px solid gray!important;
	box-sizing: border-box;
}
.input-hoverout{
	border: 1px solid lightgray!important;
	box-sizing: border-box;
	
}
.input-click{
	border: 1px solid #FF6600;
	box-sizing: border-box;
}

#toggle-div{
	height: 230px;
	width: 100%;
	
	display: none;
	position: absolute;
	top: 260px;
	left: 0;
	/*border: 1px solid white;*/
	box-sizing: border-box;
	background-color: white;
	box-shadow: 0,0,0,3,white;
	z-index: 100;
}
.toggle-ul{
	display: none;
	width: 100%;
	height: 230px;
	border: 1px solid lightgray;
	box-sizing: border-box;

}
.toggle-ul li{
	display: inline-block;
	text-align: center;
	color: #FF6600;
	width: 200px;
}
.phone-label{
	display:block ;
	margin: 0 auto;
	width: 66px;
	height: 23px;
	line-height: 20px;
	border: 1px solid #FF6600;
	box-sizing: border-box;
}
.phone-img{
	display:block ;
	background-size: cover;
	background-position-x: 50%;
	height: 100px;
	width: 90px;
	margin: 0 57px;
	margin-top: 20px;
	border:1px solid lightgray ;
}
.phone-name{
	cursor: pointer;
	margin-top: 26px;
	display: block;
	color: #333333;
	padding-top: 13px;
}
.lunbo-left{
	margin-top:100px ;
	width:234px ;
	height: 468px;
	background: #333333;
	padding-top: 0px;
}
.lunbo-left li {
	padding: 12px 25px;
	list-style: none;
	width: 234px;
	text-align: left;
}
.lunbo-left li a{
	text-decoration: none;
	color: white;
	font-size: 15px;
}
.lunbo-left  span{
	display: inline-block;
	float: right;
	color: white;
}
.lunbo-left li:hover{
	background-color: #FF6600;
}


#myCarousel{
	display: inline-block;
	float: right;
	margin-top: -478px;
}
#myCarousel img{
	display: block;
	height: 468px;
	width: 992px;
}
.list>ul{
	text-align: left;
}
.list>ul>li{
	display: inline-block;
	
}
.list-top{
	display: inline-block;
	width:234px ;
	height: 170px;
}
.first-list table{
	background-color:#333333 ;
	text-align: center;
}
	

.list-td{
	width:78px ;
	height: 85px;
	/*padding: 20px;*/
	text-align: center;
	
	border: 1px solid  lightgray;
	border-collapse: collapse;
}
.list-td a{
	margin: 0 auto;
	text-decoration: none;
	color: gray;
	background-color: #5f5750;
}
.list-td:hover{
	background-color: white ;
	color:white;
}
.table-p{
	margin: 0 auto;
	font-size: 13px;
	/*width: 30px;*/
}
.first-list  li{
	display: inline-block;
	width: 78px;
	height: 85px;
	background-color: #333333;
	color: white;
	border: 1px solid lightgray;
	box-sizing: border-box;
	text-align: center;
}
.list-span{
	margin: 0 auto;
	display: block;	
	height: 28px;
	width: 26px;
	background-size: cover;
}

.list-img {
	padding: 0;
	display: inline-block;
	float: right;
	margin-left: 14px;
	
}
.list-img a{
	display: block;
	height: 169px;
	width: 316px;
	background-size: cover;
	background-position-x: 50%;
}

/*明星单品*/
.star{
	overflow: hidden;
	text-align: center;
}
.star-p{
	width: 100%;
	font-size: 21px;
	text-align: left;
}
 .span-left{
 	display: block;
	margin-left: 0;
}
#span-right{
	/*width: 50px;*/
	display: inline-block;
	float: right;
}
#span-right>button{
	width: 40px;
	height: 20px;
	line-height: 15px;
}
.star ul {
	width: 2500px;
	text-align: left;
}
.star-ul li{
	height: 343px;
	width: 234px;
	display: inline-block;
	background-color: white;
	text-align: center;
	padding: 46px 20px;
}
.star-ul li a{
	text-decoration: none;
	color: gray;
	font-size: 16px;
}
.bg-img{
	margin: 0 auto;
	margin-bottom:10px ;
	height: 133px;
	width: 142px;
	background-size: cover;
	
}
.text-middle{
	font-size: 13px;
}
#content{
	width: 1349px;
	height: 100%;
	background-color: red;
}
/*智能家居*/


 .smart-top {
 	
	display: inline-block;
	height: 615px;
	width: 234px;
	text-align: center;
	float: left;
	margin-left:-46px ;
	overflow: hidden;
}
.smart-img{
	background-size:cover ;
	height:301px;
	width: calc(990px / 4);
}
.smart-ul {
	display: none;
	width: 990px;
	height: 615px;
	text-align: center;
	float: right;
}
.smart-ul  li{
	height: 300px;
	width: 230px;
	display: inline-block;
	background-color: white;
	text-align: center;
	padding: 46px 20px;
}
.smart-ul li a{
	text-decoration: none;
	color: gray;
	font-size: 16px;
}
.bg-img{
	margin: 0 auto;
	margin-bottom:10px ;
	height: 133px;
	width: 142px;
	background-size: cover;
	
}
.text-middle{
	font-size: 13px;
}

#div-content{
	width:1349px ;
	margin-top:40px ;
	background-color: #F5F5F5;
}
#div-top{
	background-color: #F5F5F5;
	padding-top: 80px;
	height: 114px;
	z-index: 20;
}
.p-left{
	float: left;
	font-size:23px ;
}
.p-right{
	display: inline-block;
	float: right;
	font-size:17px ;
}
.div-span{
	margin-left: 33px;
	padding-bottom: 2px;
	/*margin-top:80px ;*/
}

